<template>
	<header>
		<!-- 轮播  -->
		<div class="carousel">
			<swiper auto loop dots-position='center' height='1.33rem'>
				<swiper-item><img src="../../assets/towpage_ad.jpg" /></swiper-item>
				<swiper-item><img src="../../assets/towpage_ad2.jpg" /></swiper-item>
				<div class="carText"><p>致力于为国内IT企业与终端用户提供</p><p> 全面、权威、专业的IT资讯服务。</p></div>
		    </swiper>
		    <div class="search">
				<form role="search" action="{:iurl('search')}" method="post">
					<div class="input-search">
						<input type="text" class="searchs" name="keywords" placeholder="请输入关键字" />
						<a href="javascript:;" class="btn"><span>搜索</span><input type="submit" value="搜索" /></a>
					</div>
				</form>
			</div>
		</div> 
    </header>
</template>

<script>
	import { Swiper, SwiperItem } from 'vux'
	export default{
		components : {
			Swiper,SwiperItem
		},
		data() {
			return {
				flog : false
     		}
		},
		methods : { 
			menus (){
				this.flog = !this.flog;
			},
		}
	}
	
</script>
<style type="text/css">
	

	.search{
		width:100%;padding:0.04rem 0; height: 0.34rem;overflow: hidden; 
	}
	.search .searchs{
		font-size: 0.12rem; border: none; height: 0.29rem; margin-left: 0.02rem; line-height:0.29rem; width: 2.58rem; text-indent: 1em; outline: none; background: #fff; border-radius: 0; border: 0.01rem solid #f65100;
	}
	.search .btn{
		background: #f65100; font-size: 0.13rem; cursor: pointer; width: 0.46rem; float: right; outline: none; border: none; height: 0.37rem; color: #fff; line-height: 0.37rem;text-align: center;border-radius: 0; position: relative;
	}
	.search .btn input{
		opacity: 0; position: absolute; width: 100%; height: 100%; left: 0;
	}
	header {
		padding-bottom: 0.2rem;
	}
	header li{
		clear:both; 
	}
	.carousel{
		clear:both; height:1.33rem; position:relative;
	}
	.carousel img{
		width:100%; height:1.98rem;
	}
	.carousel .vux-slider .vux-icon-dot.active{
		background-color:#fff !important; border:0.01rem solid #000;border-radius:0.04rem !important;
	}
	.carousel .carText{
		position:absolute; color:#fff; background:rgba(0, 0, 0,.6); width:3rem; height:0.72rem; margin:5% 3%; text-align:center; padding-top: 0.1rem;
	}
	.carousel .carText p{
		margin:0.04rem auto; line-height: 0.25rem;
	}
	.vux-slider .vux-indicator a .vux-icon-dot{
		width:0.06rem !important; height:0.06rem !important; border-radius:0.04rem !important;background-color:#000 !important; border:0.01rem solid #fff;
	}



</style>